<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务项目</title>
    <link rel="stylesheet" href="css/service.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
    <!-- 头部 -->
    <div class="div1">
        <main class="container">
            <p class="p1">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</p>
            <p class="p2">咨询热线：<span class="tel">400-XXX-XXXX</span></p>
        </main>
    </div>
    <!-- 导航 -->
    <header>
        <div class="container">
            <a href="index.html" class="logo">
                <img src="images/logo.png" alt="" width="50px" />
            </a>
            <a href="index.html" class="wen1">XXXX律师事务所</a>
            <nav>
                <a href="index.html">首页</a>
                <a href="aboutus.html">关于我们</a>
                <p class="selected">服务项目</p>
                <a href="cases.html">成功案例</a>
                <a href="team.html">律师团队</a>
                <a href="news.html">新闻动态</a>
                <a href="contact.html">联系方式</a>
            </nav>
        </div>
    </header>
    <!--横幅-->
    <div class="banner">
        <div class="container">
            <div class="div2">
                <h1>为您排忧解难<br />是我们最重要的事</h1>
            </div>
            <p>咨询热线：400-XXX-XXXX</p>
        </div>
    </div>
    <!-- 主体部分 -->
    <section class="main_body">
        <div class="container">
            <div class="ss">
                <main class="ss_1">
                    <div>
                        <a href="team.html">
                            <img src="images/p1_act0.png" alt="" width="60px">
                            <p>找律师</p>
                        </a>
                    </div>
                    <div>
                        <a href="service.html">
                            <img src="images/p2_819t.png" alt="" width="60px">
                            <p>选服务</p>
                        </a>
                    </div>
                    <div>
                        <a href="cases.html">
                            <img src="images/p3_g51q.png" alt="" width="60px">
                            <p>看案例</p>
                        </a>
                    </div>
                    <div class="ss_4">
                        <a href="contact.html">
                            <img src="images/p4_q67r.png" alt="" width="60px">
                            <p>要咨询</p>
                        </a>
                    </div>
                </main>
            </div>
           
        </div>
        <article>
                <main class="container">
                    <div >
                        <p class="ding" >服务项目</p>
                        <p><a href="index.html">首页>></a><a href="#">服务项目</a></p>
                    </div>
                </main>
        </article>
        <!-- 侧边栏 -->
        <aside  class="container ">
            <nav>
                <ul>
                    <li class="list">服务项目分类 </li>
                    <li><a href="#">合同纠纷</a> </li>
                    <li><a href="#">劳务纠纷</a> </li>
                    <li><a href="#">借贷纠纷</a> </li>
                    <li><a href="#">知识产权</a> </li>
                    <li><a href="#">股权纠纷</a> </li>
                    <li><a href="#">财产纠纷</a> </li>
                </ul>
            </nav>
            <div>
                <div class="pic">
                    <img src="images/mark_f8_ej8i.jpg" alt="" width="215px" height="210px">
                    <p>最优化问题的扰动分析<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f7_b8yn.jpg" alt="" width="215px" height="210px">
                    <p> 珠算与会计书法<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f6_3pyg.jpg" alt="" width="215px" height="210px">
                    <p> 新英汉翻译教程<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f5_920u.jpg" alt="" width="215px" height="210px">
                    <p> 挖出财报中的秘密<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f3_7l5x.jpg" alt="" width="215px" height="210px">
                    <p> 三天学懂会计<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f4_9pj0.jpg" alt="" width="215px" height="210px">
                    <p> 乐帮翻译<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f2_quti.jpg" alt="" width="215px" height="210px">
                    <p> 翻译理论实践与评析<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_f1_0o5m.jpg" alt="" width="215px" height="210px">
                    <p> 初级会计学<br/>
                       <span>房产纠纷</span> </p>
                </div>
                <div class="pic">
                    <img src="images/mark_e3_y2nu.jpg" alt="" width="215px" height="210px">
                    <p> 中级会计<br/>
                       <span>股权纠纷</span> </p>
                </div>
                <div class="btn">
                    <!-- <div class="btn_1"></div> -->
                    <p><button>1</button>
                        <button>2</button>
                        <button>3</button>
                        <button>4</button>
                        <button>5</button>
                        <button>6</button>
                        <button>下一页</button>
                        到第<input type="text"/> 页<button class="jump">跳转</button>共6页</p>
                </div>
            </div>
        </aside>
    </section>
      <!-- 尾部 -->
      <footer>
        <main class="container">
            <div class="foot_1">
                <img src="images/logo2.png" alt="" width="60px">
                <p>XXXXX律师事务所</p>
            </div>
            <div class="foot_2">
                <p>电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="foot_3">
                <img src="images/lxfs.png" alt="" width="60px">
                <p>扫一扫<br />关注微信号</p>
            </div>
        </main>
    </footer>
</body>
</html>